.readonly { background:#E8EEF2!important; color:#6D8391;  }

.frm_slider ul {
	margin:0; padding:0;
}
.frm_slider li {
	color: #686868;
    font-size: 12terpx;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -21px;
}

.portlet-content form#my-frm  .slider-wrapper {
	padding-bottom: 0;
    padding-left: 73px;
    padding-right: 73px;
    padding-top: 16px !important;
}
.portlet-content form#my-frm .slidernum .slider-value {
    border: 1px dashed #CCCCCC;
    color: #111111;
    float: right;
    font-size: 41px;
    padding: 2px;
    position: relative;
    text-align: center;
    top: -20px;
    width: 58px;
}

form#my-frm .slidervalCss select {
	display:none;
}
#formBuilderObj .slidervalCss select {
	display:block!important;
}
.slidervalCss {  padding-bottom: 40px !important; }
form#my-frm .slidervalCss .ui-slider {
    text-decoration: none !important;
}
form#my-frm .slidervalCss .ui-slider-horizontal {
    height: 0.8em;
	padding:0!important;
}
form#my-frm .slidervalCss .ui-slider {
    position: relative;
    text-align: left;
}
form#my-frm .slidervalCss .ui-widget-content {
	background: url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") repeat-x scroll 50% bottom #FCFDFD;
	border: 1px solid #A6C9E2;
	color: #222222;
}
form#my-frm .slidervalCss .ui-slider .ui-slider-handle {
    overflow: visible !important;
}
form#my-frm .slidervalCss .ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.3em;
}
form#my-frm .slidervalCss .ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}
form#my-frm .slidervalCss .ui-state-default, form#my-frm .slidervalCss .ui-widget-content .ui-state-default {
    background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    font-weight: bold;
    outline: medium none;
}  /*NEW SLIDER STYLES FOR SCALE, ETC*/
/* slider widget */
form#my-frm .slidervalCss .ui-slider  {
	text-decoration: none !important;
}
form#my-frm .slidervalCss.ui-slider .ui-slider-handle  {
	overflow: visible !important;
}
form#my-frm .slidervalCss .ui-slider .ui-slider-tooltip {
	display: none;
}
form#my-frm .slidervalCss .ui-slider .screenReaderContext {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -999999999px;
}
form#my-frm .slidervalCss .ui-slider .ui-state-active .ui-slider-tooltip, form#my-frm .slidervalCss .ui-slider .ui-state-focus .ui-slider-tooltip, form#my-frm .slidervalCss .ui-slider .ui-state-hover .ui-slider-tooltip {
	display: block;
	position: absolute;
	bottom: 2.5em;
	text-align: center;
	padding: .3em .2em .4em;
	font-size: .9em;
	width: 8em;
	margin-left: -3.7em;
}
form#my-frm .slidervalCss .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, form#my-frm .slidervalCss .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	position: absolute;
	display: block;
	width:0;
	height:0;
	border-bottom-width: 0;
	background: none;
}
form#my-frm .slidervalCss .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {
	border-left: 7px dashed transparent;
	border-right: 7px dashed transparent;
	border-top-width: 8px;
	bottom:	-8px;
	right: auto;
	left: 50%;
	margin-left: -7px;
}
form#my-frm .slidervalCss .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	border-left: 6px dashed transparent;
	border-right: 6px dashed transparent;
	border-top: 7px solid #fff;
	bottom:	auto;
	top: -9px;
	left: -6px;
}
form#my-frm .slidervalCss .ui-slider a {
	text-decoration: none;
}
form#my-frm .slidervalCss .ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
	list-style: none;
	margin: 0;
	padding: 0;
}
form#my-frm .slidervalCss .ui-slider ol, .ui-slider dl {
	position: relative;
	top: 1.3em;
	width: 100%;
}
form#my-frm .slidervalCss .ui-slider dt {
	top: 1.5em;
	position: absolute;
	padding-top: .2em;
	text-align: center;
	border-bottom: 1px dotted #ddd;
	height: .7em;
	color: #999;
}
form#my-frm .slidervalCss .ui-slider dt span {
	background: #fff;
	padding: 0 .5em;
}
form#my-frm .slidervalCss .ui-slider li, .ui-slider dd {
	position: absolute;
	overflow: visible;
	color: #666;
}
form#my-frm .slidervalCss .ui-slider span.ui-slider-label {
	position: absolute;
}
form#my-frm .slidervalCss .ui-slider li span.ui-slider-label, form#my-frm .slidervalCss .ui-slider dd span.ui-slider-label {
	display: none;
}
form#my-frm .slidervalCss .ui-slider li span.ui-slider-label-show, form#my-frm .slidervalCss .ui-slider dd span.ui-slider-label-show {
	display: block;
}
form#my-frm .slidervalCss .ui-slider span.ui-slider-tic {
	position: absolute;
	left: 0;
	height: .8em;
	top: -1.3em;
}
form#my-frm .slidervalCss .ui-slider li span.ui-widget-content, form#my-frm .slidervalCss .ui-slider dd span.ui-widget-content {
	border-right: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-top: 0;
	border-bottom: 0;
}
form#my-frm .slidervalCss .ui-slider .first .ui-slider-tic, form#my-frm .slidervalCss .ui-slider .last .ui-slider-tic {
	display: none;
}
/* NUMBER SLIDER */
form#my-frm .slidernum .slider-value {
	border: 1px dashed #CCCCCC;
    color: #111111;
    font-size: 15px;
    padding: 2px;
    position: relative;
    text-align: center;
    top: -8px;
    width: 23px;
}
form#my-frm .slidernum .sliderForm {
	background: none repeat scroll 0 0 #FFFFFF!important;
    border: 1px solid #DDDDDD!important;
    color: #333333;
}
form#my-frm .slidernum .sliderForm .ui-state-default, form#my-frm .slidernum .ui-widget-content .ui-state-default {
    background: #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #1C94C4;
    font-weight: bold;
    outline: medium none;
}
form#my-frm .slidernum .sliderForm .ui-slider-handle {
    cursor: e-resize!important;
    height: 1.2em!important;
    position: absolute!important;
    width: 1.2em!important;
    z-index: 2!important;
}
form#my-frm .slidernum .ui-slider-horizontal {
	height: 0.8em!important;
    padding: 0 !important;
}

.snaQuiz label { font-weight:normal ; }
.snaQuiz .group { border-bottom:1px dashed #CCC; padding-bottom:10px; }
form#my-frm .slidernum .ui-slider { position:relative; }
form#my-frm .slidernum .ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em!important;
    top: -0.3em!important;
}
form#my-frm .slidernum .sliderForm { float:left; display:block; width:55%;   }
form#my-frm .slidernum .slider-start { display: block;
	float: left;
	padding: 0 20px 0 10px;
	text-align: right;
	width: 13%;
	font-weight:bold;
}
form#my-frm .slidernum .slider-end {
	display: block;
    float: left;
    padding: 0 10px 0 20px;
    text-align: left;
	font-weight:bold;
    width: 13%;
}

form#my-frm .slidernum .ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}

form#my-frm .slidernum  .ui-widget-header {
    background: #686868;
    color: #FFFFFF;
    font-weight: bold;
}
form#my-frm .slidernum   .ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
	padding:0!important;
}

.checkboxLbl {
      left: 15px;
    position: relative;
    top: -2px;
}
.checkbox {
    width: 20px !important;
}
.inputMinLen { margin-left:15px !important; }
.inputMaxLen {   margin-left: 11px !important; }

.ui-helper {
    background: none repeat scroll 0 0 #DFEEFF;
    border: 1px dotted #9BB3CF;
}
a {
    outline: medium none !important;
}
.delField, .delOption {
    background: url("images/modal-close.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 14px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 14px;
}
.delField span, .changeField span, .delOption span {
    display: none;
}
.changeField {
	background: url("images/field-change-ico.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 14px;
    position: absolute;
    right: 25px;
    top: 5px;
    width: 14px;
}
.f_b_root p {
    position: relative;
}
.optionSortable {
    margin: 0;
    padding: 0;
}
.optionSortable li {
    background: none repeat scroll 0 0 #C3D0DF;
    border-bottom: 1px solid #FFFFFF;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
hr {
    color: #EFF6FF;
}
.optToggle {
    background: none repeat scroll 0 0 #C3D0DF;
    border-bottom: 1px solid #FFFFFF;
    padding: 5px;
}
.hover-state {
    background: #EDF5FF;
}
span.fld-lbl {
    display: inline-block;
    width: 59px;
}
.prg-frm-button-wrapper {
	margin-top:15px;
	border-top:1px solid #ccc;
	padding-top:10px;
	text-align:right;
}
#tabs-3 a:hover {
    text-decoration: underline;
}
.ui-accordion-header {
 border: 1px solid #B6CEDB;
    display: block;
    font-size: 13px;
    margin: 0 0 5px;
    outline: medium none !important;
    position: relative;
}
#accordion .ui-state-active, #accordion-tab1 .ui-state-active {
    background: #C9DEEA!important;
}

.default .errHandleBox {
    background: none repeat scroll 0 0 #FFDFE0;
    border: 2px solid #6F0004;
    font-weight: bold;
    margin-bottom: 11px;
    padding: 10px;
}
.default .errHandleBox p {
    margin-bottom: 5px;
}
.default .errHandleBox ul {
    margin: 0;
}
.default .errHandleBox ul li {
    font-weight: normal;
    list-style-type: circle;
    margin-left: 30px;
}
.addOption {
    background: url("images/ico-add.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    font-size: 11px;
    left: 177px;
    padding-left: 18px;
    position: relative;
    top: 12px;
}
.fieldAddOptions a {
    color: #333333;
    display: block;
    text-decoration: none;
     background-position: 5px 6px;
    background-repeat: no-repeat;
    font-size: 13px !important;
    padding: 10px 10px 10px 45px;

}
.fieldAddOptions a:hover {
	background-color:#DEE6EA;
    text-decoration: none!important;
}

#t_slider {
	background-image: url("images/ico-slider.png");
}
#t_text {
    background-image: url("images/ico-abc.png");
}
#t_textarea {
    background-image:url("images/ico-p.png") ;
}
#t_select {
    background-image: url("images/ico-drop.png") ;
}
#t_radio {
    background-image: url("images/ico-radio.png") ;
}
#t_checkbox {
    background-image: url("images/ico-check.png") ;
}
.group, .group-tmp {
    margin-bottom: 10px;
    position: relative;
}
#my-frm .left .group, #my-frm .left .group-tmp {
    padding: 5px 0;
    width: 100%;
}
#my-frm .left .group label, #my-frm .left .group-tmp label  {
    float: left;
    width: 140px;
}
#my-frm .left .group div {
}
#my-frm .right .group, #my-frm .right .group-tmp  {
    padding: 5px 0;
    width: 100%;
}
#my-frm .right .group label, #my-frm .right .group-tmp label  {
    float: left;
    padding-right: 10px;
    text-align: right;
    width: 140px;
}
#my-frm .right .group div {
}
#my-frm .top .group > div, #my-frm .top .group-tmp > div {
    padding-top: 10px;
}

/* FORM Bulder Stage Toolbox */
.ui-accordion-header a {
   color: #333333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    left: 10px;
    padding: 8px;
    text-decoration: none;
}
.ui-accordion-content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 5px;
    padding: 10px;
	border:1px solid #ccc;
}
#tabs-3 {
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.formContainerStage {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 20px;
    margin-bottom: 30px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
.tip {
    color: #AAAAAA;
    display: block;
    font-size: 11px;
    padding-left: 142px;
    padding-top: 3px;
}
* html .clearfix {
    height: 1%;
}
.ui-tabs .ui-tabs-hide {
    display: none;
}
.clear {
    clear: both;
}
.formBuilderContainer {
	width:300px; float:left;  margin-right: 20px; font-family: Verdana,Geneva,sans-serif !important;
}
.formTabs {
    left: -5px;
    margin: 0;
    padding: 0;
    position: relative;
}
#formToolWrapper ul {
	margin-left:2px;
}
#formToolWrapper input[type="text"], select {
	 background: none repeat scroll 0 0 #FFFFFF;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
}
.formTabs li {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    list-style: none outside none;
    margin: 0 3px;
}
li.ui-state-active {
    background: none repeat scroll 0 0 #EBF1F4 !important;
    position: relative;
    top: 1px;
}
li.ui-state-default {
    background: none repeat scroll 0 0 #EFEDED;
}
.formTabs li a {
    color: #333333;
    display: block;
    font-size: 11px;
    outline: medium none;
    padding: 7px;
    text-decoration: none;
}
.toolBox {
    background: none repeat scroll 0 0 #EBF1F4;
    border: 1px solid #CCC;
    padding: 10px;
}
.formContainerStage {
    float: left;
    width: 500px;
}
.frmBuilder label {
    font-size: 12px !important;
    text-shadow: 0 1px 0 #FFFFFF;
}
.frmBuilder input, .frmBuilder textarea, .frmBuilder select {
    margin: 10px 0;
    width: 230px;
}
.frmBuilder li input, .frmBuilder li textarea, .frmBuilder li select {
    margin: 10px!important;
}
.fld-small {
	width:64px !important;
}
.fld-med {
	width:170px!important;
}
.field-tip {
	color: #AAAAAA;
    font-size: 11px;
}
.field-tip span {
	padding-right: 27px;
}
.tip-fld {
	margin-bottom:2px!important;
}

/* Quick DEFAULT Styles */
.group input[type="text"], .group select, .group textarea, .group-tmp input[type="text"], .group-tmp select, .group-tmp textarea {
	background: none repeat scroll 0 0 #FFFFFF;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    margin:4px 0;
}
.fld-tip { display:block; padding-top:2px; padding-bottom:2px; color:#aaa; padding-left:140px; font-size:11px; }
.top .fld-tip { padding-left:0!important; }
#formFormat, .demo-doclist { font: 13px arial,sans-serif; }
.slider-wrapper {  padding-bottom: 0;
    padding-left: 73px;
    padding-right: 73px;
    padding-top: 16px !important; }
.frm_desc {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    font-size: 13px;
    margin-bottom: 15px;
    padding: 5px 0;
}
.frm_formName {
	font-size: 20px;
    font-weight: normal;
    margin: 0;
}
/* Profile DEFAULT */
.demo-doclist { border: 1px solid #ccc; padding:20px; margin-bottom:20px; }
.fm-profile-root { padding:20px; background:#fff; border:1px solid #ccc; }
.fm-profile-aspect { padding-bottom:5px; margin-bottom:15px; border-bottom:1px dashed #ccc;}
.fm-profile-aspect .frm_formName { font-size: 16px; color:#368EF9; }
.fm-profile-aspect .frm_desc { border-bottom: 0; font-size: 11px; color:#AAA; }

.val-wrapper {   }
	.val-wrapper .val-item {
	     border-bottom: 1px solid #CCCCCC;
		padding: 7px 0;
	}
	.val-item input, .val-item select { margin:0!important;  padding: 1px !important;  }
	.val-item label { float:left; }
	.val-item { text-align: right; }
	.regExpOther {
		padding-top:10px;
	}
	.regExpOther label {   color: #AAAAAA;
    display: block;
    font-size: 11px;
    padding-bottom: 3px;
    padding-left: 91px;
    text-align: right;
    width: auto !important;
	}
	.regExpOtherFld {  width: 162px !important; }

	/* iTOGGLE */
	.i-toggle {
		float: right;
		width: 41px;
		overflow:hidden;
		height:18px;
		position:relative;
		cursor:pointer;
		border:1px solid #ccc;
	}
	.i-toggle-slider {
		position:absolute; width: 64px; top:0; left:0;
	}
	.i-toggle-slider span {
		display: block;
		float: left;
		font-size: 8px;
		padding-bottom: 4px;
		padding-top: 4px;
		text-align: center;
		width: 20px;
		-ms-user-select:none;
	    -moz-user-select:none;
	    -webkit-user-select:none;
	    user-select:none;

	}
	.i-toggle-handle { border-left:1px solid #CCC; border-right:1px solid #CCC;
		background: #d8d8d8; /* Old browsers */
		background: -moz-linear-gradient(top,  #d8d8d8 0%, #fcfcfc 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d8d8d8 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d8d8d8 0%,#fcfcfc 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d8d8d8 0%,#fcfcfc 100%); /* IE10+ */
		background: linear-gradient(top,  #d8d8d8 0%,#fcfcfc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */

	}
	.i-toggle-on {
		color:#fff;
		background: #3fa0c6; /* Old browsers */
background: -moz-linear-gradient(top,  #3fa0c6 0%, #78c1e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fa0c6), color-stop(100%,#78c1e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3fa0c6 0%,#78c1e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3fa0c6 0%,#78c1e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3fa0c6 0%,#78c1e8 100%); /* IE10+ */
background: linear-gradient(top,  #3fa0c6 0%,#78c1e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa0c6', endColorstr='#78c1e8',GradientType=0 ); /* IE6-9 */


	}
	.i-toggle-off {
		color:#AAA;
		background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}

.alf-props { padding-bottom:10px; margin-top:10px; }
.index-sub-cat  { margin-top:5px; }
.index-sub-cat .last { border-bottom:0!important; }
.index-sub-cat .val-item {
	border-bottom: 1px dashed #CCCCCC;
    color: #545454;
    padding-left: 15px !important; }
.fm-search-aspects  { background-color:#E0E0E0; background-image:url('/alfresco/css/form-builder/images/magnifier-medium.png'); background-position:4px 8px; background-repeat:no-repeat; border-bottom:1px solid #ccc;  padding:5px 0 5px 25px;}
.fm-search-aspects input { width:170px;}

.field-change-popup { width:180px; background:#fff; border:1px solid #ccc; position:absolute;top:0px; left:0px; padding:2px; z-index:9999;}
.field-change-popup a { display:block; background-image:none; padding:5px; background-position:1px 1px; padding-left:30px; display:block; background-repeat:no-repeat; font-size:12px; color:#333; text-decoration:none; }
.field-change-popup a:hover { background-color:#ccc;}
.fm-errBox { font-size:12px; background:#FFA5A5; border:1px solid #F98B8B; float:left; width:500px; padding:10px 20px; margin-bottom:10px; }
.fm-errBox p { color:#333; margin:0; margin-bottom:10px; font-weight:bold; }
.fm-errBox ul { margin:0; }
.fm-errBox ul li {}